* {
	padding: 0;
	margin: 0;
}
.admin {
	margin: 0 auto;
	height: 500px;
	width: 500px;
	background: #eee;	
	position: relative;
	cursor: pointer;
	border-top: 1px solid #000;
}
.admin ul li {
	height: 250px;
	width: 250px;
	background: url(../img/1.png);
	list-style-type: none;
	position: absolute;
	opacity: 0.7;
	top: 125px;
	left: 125px;
}
.admin ul {
	transform-style: preserve-3d;

}
.admin ul li:nth-child(1) {
    transform: rotateX(10deg) translateZ(125px);
}
.admin ul li:nth-child(2) {
    transform: rotateX(10deg) rotateY(90deg) translateZ(125px);
}
.admin ul li:nth-child(3) {
    transform: rotateX(10deg) rotateY(180deg) translateZ(125px);
}
.admin ul li:nth-child(4) {
    transform: rotateX(10deg) rotateY(-90deg) translateZ(125px);
}